<template>
  <div>
    <x-header>会员详情</x-header>
    <img v-if="!!img" :src="img" style="width: 100%;height: 180px;">
    <group>
      <cell :title="'名称'" :value="'藤讯视频（9-15天）黄金会员账号'" @click.native="onClick"></cell>
      <cell :title="'单价'" :value="'¥3.98元'"></cell>
      <cell :title="'购买数量'">
        <inline-x-number style="display:block;" :min="0" width="50px" button-style="round"></inline-x-number>
      </cell>
      <x-input title="联系方式" type="tel" :show-clear=true placeholder="推荐手机号码或者qq号"></x-input>
    </group>
    <div style="background-color: #fff;padding: 10px;margin-bottom: 50px;">
      <p style="color: #999999;font-size: 14px;">
        1、选择扣扣登录，添加账号，卡号就是账号，卡密就是密码 <br>2，这是会员账号，不是给您的账号充值。 <br>3、本店账号是出租给2个人共同使用1号的，互不影响使用。 <br>4、您买之后只能自己一个设备使用，不可转借任何人，否则会被官方冻结的。
        <br><span style="color: red;">注意： 1、超过一台设备登陆、或者转卖，导致账号异常自己负责 <br>2、禁止修改密码 ，错拍不退。 售后扣扣：2200266069</span>
      </p>
    </div>

    <tabbar style="position: fixed">
      <tabbar-item selected>
        <!--<img slot="icon" src="../assets/home-normal.png">-->
        <!--<img slot="icon-active" src="../assets/home-sel.png">-->
        <!--<span slot="label">下单</span>-->
        <div slot="label" style="text-align: center;">下单</div>
      </tabbar-item>
      <tabbar-item link="/order">
        <!--<img slot="icon" src="../assets/cart.png">-->
        <!--<img slot="icon-active" src="../assets/cart_sel.png">-->
        <!--<span slot="label">分享</span>-->
        <div slot="label" style="text-align: center;">分享</div>
      </tabbar-item>
    </tabbar>
  </div>
</template>

<script>
  import {Tab, TabItem, InlineXNumber, Tabbar, TabbarItem, XInput} from 'vux'

  export default {
    name: 'vipDetail',
    components: {
      Tab,
      TabItem,
      InlineXNumber,
      Tabbar,
      TabbarItem,
      XInput
    },
    data() {
      return {
        img: './src/assets/banner1.png'
      }
    }
  }
</script>

<style scoped>

</style>
